    <style>
      #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px;
        width:100%;
        height:80%;
        text-align: center;
      }
    </style>



<div class="container">
	<div class="jumbotron jumbo-pulli">
		<div id="owl-demo" class="owl-carousel owl-theme">
		 
		  <div class="item"><img src="images/slide1.png" alt="The Last of us"></div>
		  <div class="item"><img src="images/slide2.png" alt="GTA V"></div>
		  <div class="item"><img src="images/slide3.png" alt="Mirror Edge"></div>
		 
		</div>
		<div class="jumbo-bottom">
		<div class="row">
			<div class="col-lg-2 col-sm-3 jumbo-sn">
				<a href="https://www.facebook.com/industrias.pulli" target="_blank"><img src="images/Facebook.png" alt=""></a>
				<a href="https://twitter.com/pulli_in" target="_blank"><img src="images/Twitter.png" alt=""></a>
				<img src="images/Flickr.png" alt="">
				<img src="images/Pinterest.png" alt="">
			</div>
			<div class="col-lg-10 col-sm-9"><div class="jumbo-bar"></div></div>
		</div>
		</div>
	</div>



<div class="row columnas-pulli">
	<?php foreach ($anuncios as $dataauncio): ?>

	<div class="col-lg-3 col-sm-6">
		<h3><?php echo($dataauncio->titulo); ?></h3>
		<div><img src="<?php echo($dataauncio->img_url); ?>" alt=""></div>
		<p>
			<?php echo($dataauncio->contenido); ?>
		</p>
		<hr>

	</div>

	<?php endforeach; ?>

</div>
<div class="row footer-pulli2">

	<div class="col-lg-3 col-sm-6 footer-col"><h4>Video Catálogos</h4><iframe width="90%" height="190" src="//www.youtube.com/embed/kYX70iBJxOw" frameborder="0" allowfullscreen></iframe></div>
	<div class="col-lg-3 col-sm-6 footer-col"><h4>Ubicanos</h4><div id="map-canvas"></div></div>
	<div class="col-lg-3 col-sm-6 footer-col"><h4>Aliados Comerciales</h4><img src="images/aliados.gif" alt="" style="height:180px"></div>
	<div class="col-lg-3 col-sm-6 footer-col"><h4>Contáctenos</h4></div>

</div>

</div>





<script>

$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
    autoPlay : 9000,
    stopOnHover : true,
    navigation:false,
    paginationSpeed : 1000,
    goToFirstSpeed : 2000,
    singleItem : true,
    autoHeight : true,
    transitionStyle:"fade"
      // "singleItem:true" is a shortcut for:
      // items : 1, 
      // itemsDesktop : false,
      // itemsDesktopSmall : false,
      // itemsTablet: false,
      // itemsMobile : false
 
  });

function initialize() {
  var myLatlng = new google.maps.LatLng(10.473485, -66.772100);
  var mapOptions = {
    zoom: 16,
    center: myLatlng
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var contentString = '<div id="content">'+
      'Industrias Pulli'+
      '</div>';

  var infowindow = new google.maps.InfoWindow({
      content: contentString
  });

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Uluru (Ayers Rock)'
  });
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

  });
  </script>

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
// This example displays a marker at the center of Australia.
// When the user clicks the marker, an info window opens.



    </script>